/*屏幕宽度小于1366px*/ 
@media screen and (max-width: 1366px){

	/*index common*/
	.more{
		margin: 0 auto;
	    width: 120px;
	    display: block;
	    clear: both;
	}
	.more > img{
		width: 100%;
	}
	/*index common end*/

	.index_body{
		width: 100%;
		background: #ececec;
	}

	/* 轮播图 */
	.index_body > .slideBox {
	    width: 100%;
	    height: auto;
		overflow:hidden;
		position:relative;
		border:0px solid #fff;
	}
	.index_body > .slideBox .hd {
		height:15px;
		overflow:hidden;
		position:absolute;
		right:5px;
		bottom:5px;
		z-index:1;
	}
	.index_body > .slideBox .hd ul {
		overflow:hidden;
		zoom:1;
		float:left;
	}
	.index_body > .slideBox .hd ul li {
		float:left;
		margin-right:2px;
		width:15px;
		height:15px;
		line-height:14px;
		text-align:center;
		background:#fff;
		cursor:pointer;
	}
	.index_body > .slideBox .hd ul li.on {
		background:#f00;
		color:#fff;
	}
	.index_body > .slideBox .bd {
		position:relative;
		height:100%;
		z-index:0;
	}
	.index_body > .slideBox .bd li {
		zoom:1;
		vertical-align:middle;
	}
	.index_body > .slideBox .bd img {
	    width: 100%;
	    height: auto;
	    min-height: 300px;
		display:block;
	}
	/* 下面是前/后按钮代码，如果不需要删除即可 */
	.index_body > .slideBox .prev,.slideBox .next {
	    position: absolute;
	    left: 3%;
	    top: 35%;
	    margin-top: -25px;
	    display: block;
	    width: 50px;
	    height: 200px;
	    background: url(../img/slider-arrow.png) 1000px 100px no-repeat;
	    filter: alpha(opacity=50);
	    opacity: 0.5;
	}
	.index_body > .slideBox .next {
		left:auto;
		right:3%;
		background-position:1000px 100px;
	}
	.index_body > .slideBox .prev:hover {
	    background: url(../img/slider-arrow.png) -110px 100px no-repeat;
		filter:alpha(opacity=100);
		opacity:1;
	}
	.index_body > .slideBox .next:hover {
	    background: url(../img/slider-arrow.png) 8px 100px no-repeat;
		filter:alpha(opacity=100);
		opacity:1;
	}
	.index_body > .slideBox .prevStop {
		display:none;
	}
	.index_body > .slideBox .nextStop {
		display:none;
	}
	/* 轮播图 end */

	/* 成绩 */
	.achievement{
	    width: 100%;
        background: #fff;
        padding: 50px 0;
        float: left;
	}
	.achievement > ul{
	    width: 1200px;
	    margin: 0 auto;
	}
	.achievement > ul > li{
	    width: calc(25% - 40px);
	    float: left;
	    margin: 0 20px 50px 20px;
	    cursor: pointer;
	}	
	.achievement > ul > li > img{
	    width: 100%;
	    height: 100%;
	    object-fit: cover;
        background-size: cover !important;
	}
	.achievement > ul > li:nth-child(1) > img{
		background: url(../img/small_four_img01.png);
	}
	.achievement > ul > li:nth-child(2) > img{
		background: url(../img/small_four_img02.png);
	}
	.achievement > ul > li:nth-child(3) > img{
		background: url(../img/small_four_img03.png);
	}
	.achievement > ul > li:nth-child(4) > img{
		background: url(../img/small_four_img04.png);
	}
	.achievement > ul > li:nth-child(1):hover > img{
		background: url(../img/small_four_img-h01.png);
	}
	.achievement > ul > li:nth-child(2):hover > img{
		background: url(../img/small_four_img-h02.png);
	}
	.achievement > ul > li:nth-child(3):hover > img{
		background: url(../img/small_four_img-h03.png);
	}
	.achievement > ul > li:nth-child(4):hover > img{
		background: url(../img/small_four_img-h04.png);
	}
	.achievement > ul > li > div{
	    width: 260px;
	    height: 95px;
	    position: relative;
	    margin-top: -105px;
	    color: #fff;
	    font-size: 30px;
	    font-weight: 900;
	}
	.achievement > ul > li > div > span{
	    font-size: 80px;
	    margin-left: 15px;
        margin-right: 10px;
	}
	/* 成绩 end */

	/* 荣誉 */
	.glory{
	    width: 100%;
        background: #fff;
        float: left;
	}
	.glory > ul{
		width: 100%;
	    float: left;
    	margin-bottom: 50px;
	}
	.glory > ul > li{
		width: 10%;
	    height: 70vh;
		float: left;
		cursor: pointer;
	    transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.glory > ul > li:nth-child(1){
		background: #efefef;
	}
	.glory > ul > li:nth-child(2){
		background: #ebebeb;
	}
	.glory > ul > li:nth-child(3){
		background: #e6e6e7;
	}
	.glory > ul > li:nth-child(4){
		background: #d3d3d4;
	}
	.glory > ul > li > .show01{
		display: none;
	    width: 100%;
    	height: 100%;
	}
	.glory > ul > li > .show01 > img{
		width: 100%;
		height: 100%;
	    object-fit: contain;
    	background: #2BB7B7;
	}
	.glory > ul > li > .show02{
	    width: 100%;
	    height: 100%;
	    display: block;
	    color: #2bb7b7;
	    font-size: 40px;
	    font-weight: 800;
	    text-align: center;
        height: 85px;
    	margin-top: calc(70vh - 90px);
	}
	.glory > ul > li > .show02 > span{
		width: 100%;
	    display: block;
	    font-size: 26px;
	}
	.glory > ul > li.on{
		width: 70%;
	}
	.glory > ul > li.on > .show01{
		display: block;
	}
	.glory > ul > li.on > .show02{
		display: none;
	}
	.glory > .more{
	    margin-bottom: 50px;
	}
	/* 荣誉 end */
	

	/* 资讯  */
	.news{
	    width: 100%;
        background: #fff;
        float: left;
        height: 850px;
	}
	.news > .news_body{
		width: 1200px;
		height: 750px;
		margin: 0 auto;
	}
	.news > .news_body > ul{
	    width: 100%;
	    height: 240px;
	    float: left;
	    margin-bottom: 15px;
	    padding: 0 20px;
	}
	.news > .news_body > ul > li{
	    width: 380px;
	    height: 240px;
	    float: left;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	.news > .news_body > ul > li:nth-child(3n){
	    margin-right: 0;
	}
	.news > .news_body > ul > li > a{
		width: 100%;
		height: 100%;
		display: block;
	}
	.news > .news_body > ul > li > a > img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}
	.news > .news_body > ul > li > a > img:nth-child(2){
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: none;
	}
	.news > .news_body > ul > li:hover > a > img{
		display: none;
	}
	.news > .news_body > ul > li:hover > a > img:nth-child(2){
		display: block;
	}
	.news > .news_body > .bottom_box{
	    width: 100%;
	    height: 470px;
	    float: left;
	    padding: 0 20px;
	    margin-bottom: 15px;
	}
	.news > .news_body > .bottom_box > .left{
	    width: 380px;
	    height: 470px;
	    float: left;
	    margin-right: 10px;
	    margin-bottom: 10px;
	}
	.news > .news_body > .bottom_box > .left > a{
		width: 100%;
		display: block;
	}
	.news > .news_body > .bottom_box > .left > a > img{
	    width: 380px;
	    height: 470px;
	    object-fit: cover;
	}
	.news > .news_body > .bottom_box > .center{
	    width: 390px;
	    height: 470px;
	    float: left;
	    padding-right: 10px;
	    margin-bottom: 10px;
	    padding: 0 20px;
	    background: #f9f9f9;
	}
	.news > .news_body > .bottom_box > .center > .title{
	    width: 100%;
	    height: 30px;
        margin-top: 20px;
	}
	.news > .news_body > .bottom_box > .center > .title > span:nth-child(1){
	    color: #fff;
	    padding: 0 2px;
	    height: 30px;
	    display: inline-block;
	    background: #2BB7B7;
	    font-size: 24px;
	    float: left;
	}
	.news > .news_body > .bottom_box > .center > .title > span:nth-child(2){
	    color: #2BB7B7;
	    font-size: 18px;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    display: inline-block;
	    width: 200px;
	    height: 30px;
	    float: left;
	    line-height: 40px;
	    margin-left: 5px;
	}
	.news > .news_body > .bottom_box > .center > ul{
		width: 100%;
	    height: 320px;
	}
	.news > .news_body > .bottom_box > .center > ul > li{
	    height: 45px;
	    margin-top: 25px;
	}
	.news > .news_body > .bottom_box > .center > ul > li > a{
	    display: block;
	    width: 90%;
	    height: 36px;
/*	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;*/
	}
	.news > .news_body > .bottom_box > .center > ul > li > a > span{
		display: block;
        position: absolute;
        margin-top: 5px;
	}
	.news > .news_body > .bottom_box > .center >.ul_more{
	    display: block;
	    width: 100%;
	    margin-top: 30px;
	    font-size: 18px;
	    font-weight: 600;
	    text-indent: 5px;
	    height: 25px;
    	line-height: 25px;
	}
	.news > .news_body > .bottom_box > .center >.ul_more:before{
	    content: "";
	    background: url(../img/more_ul.jpg) center no-repeat;
	    width: 25px;
	    height: 25px;
	    float: left;
        background-size: cover;
	}
	.news > .news_body > .bottom_box > .right{
	    width: 380px;
	    height: 470px;
	    float: left;
	    margin-bottom: 10px;
	    padding: 0 20px;
	    background: #f9f9f9;
	}
	.news > .news_body > .bottom_box > .right > .title{
	    width: 100%;
	    height: 30px;
        margin-top: 20px;
	}
	.news > .news_body > .bottom_box > .right > .title > span:nth-child(1){
	    color: #fff;
	    padding: 0 2px;
	    height: 30px;
	    display: inline-block;
	    background: #2BB7B7;
	    font-size: 24px;
	    float: left;
	}
	.news > .news_body > .bottom_box > .right > .title > span:nth-child(2){
	    color: #2BB7B7;
	    font-size: 18px;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    display: inline-block;
	    width: 200px;
	    height: 30px;
	    float: left;
	    line-height: 40px;
	    margin-left: 5px;
	}
	.news > .news_body > .bottom_box > .right > ul{
		width: 100%;
	    height: 320px;
	}
	.news > .news_body > .bottom_box > .right > ul > li{
	    height: 45px;
	    margin-top: 25px;
	}
	.news > .news_body > .bottom_box > .right > ul > li > a{
	    display: block;
	    width: 90%;
	    height: 36px;
/*	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;*/
	}
	.news > .news_body > .bottom_box > .right > ul > li > a > span{
		display: block;
        position: absolute;
        margin-top: 5px;
	}
	.news > .news_body > .bottom_box > .right >.ul_more{
	    display: block;
	    width: 100%;
	    margin-top: 30px;
	    font-size: 18px;
	    font-weight: 600;
	    text-indent: 5px;
	    height: 25px;
    	line-height: 25px;
	}
	.news > .news_body > .bottom_box > .right >.ul_more:before{
	    content: "";
	    background: url(../img/more_ul.jpg) center no-repeat;
	    width: 25px;
	    height: 25px;
	    float: left;
        background-size: cover;
	}
	/* 资讯 end */

	/* 班级  */
	.classes{
	    width: 100%;
        background: #fff;
        height: 650px;
        float: left;
	}
	.classes > .classes_body{
	    width: 100%;
        background: #2BB7B7;
        float: left;
        height: 470px;
        margin-bottom: 50px;
	}
	.classes > .classes_body > ul{
		width: 1200px;
		margin: 0 auto;
	}
	.classes > .classes_body > ul > li{
	    width: 300px;
        height: 480px;
	    position: absolute;
	    margin-top: -5px;
	    cursor: pointer;
	    box-shadow: 1px 1px 15px #c4cdcd;
	    transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.classes > .classes_body > ul > li > img{
	    height: 480px;
        object-fit: cover;
	    display: none;
	}
	.classes > .classes_body > ul > li > img:nth-child(2){
	    display: block;
	}
	.classes > .classes_body > ul > li:nth-child(1){
		margin-left: 0;
		z-index: 5; 
	    filter: brightness(95%);
	    -webkit-filter: brightness(95%);
	    -moz-filter: brightness(95%);
	    -ms-filter: brightness(95%);
	    -o-filter: brightness(95%);
	}
	.classes > .classes_body > ul > li:nth-child(2){
		margin-left: 225px;
		z-index: 4;
	    filter: brightness(90%);
	    -webkit-filter: brightness(90%);
	    -moz-filter: brightness(90%);
	    -ms-filter: brightness(90%);
	    -o-filter: brightness(90%);
	}
	.classes > .classes_body > ul > li:nth-child(3){
		margin-left: 450px;
		z-index: 3;
	    filter: brightness(85%);
	    -webkit-filter: brightness(85%);
	    -moz-filter: brightness(85%);
	    -ms-filter: brightness(85%);
	    -o-filter: brightness(85%);
	}
	.classes > .classes_body > ul > li:nth-child(4){
		margin-left: 675px;
		z-index: 2;
	    filter: brightness(80%);
	    -webkit-filter: brightness(80%);
	    -moz-filter: brightness(80%);
	    -ms-filter: brightness(80%);
	    -o-filter: brightness(80%);
	}
	.classes > .classes_body > ul > li:nth-child(5){
		margin-left: 900px;
		z-index: 1;
	    filter: brightness(75%);
	    -webkit-filter: brightness(75%);
	    -moz-filter: brightness(75%);
	    -ms-filter: brightness(75%);
	    -o-filter: brightness(75%);
	}
	.classes > .classes_body > ul > li > img{
		width: 100%;
	}
	.classes > .classes_body > ul > li.on{
	    z-index: 10;
	    filter: brightness(100%);
	    -webkit-filter: brightness(100%);
	    -moz-filter: brightness(100%);
	    -ms-filter: brightness(100%);
	    -o-filter: brightness(100%);
    	transition: all 0.5s;
		-moz-transition: all 0.5s;
		-webkit-transition: all 0.5s;
	}
	.classes > .classes_body > ul > li.on > img{
		display: block;
	}
	.classes > .classes_body > ul > li.on > img:nth-child(2){
		display: none;
	}
	/* 班级 end */

	/* 校区  */
	.school{
	    width: 100%;
        background: #fff;
        padding: 0 0 50px 0;
        background: #2BB7B7;
        float: left;
	}
	.school > ul{
	    width: 100%;
	    float: left;
        margin-bottom: 50px;
	}
	.school > ul > li{
	    width: 16.66%;
	    float: left;
	    cursor: pointer;
	}
	.school > ul > li > a{
		width: 100%;
		display: block;
	}	
	.school > ul > li > a > img{
		width: 100%;
	}
	/* 校区 end */

	/* 老师  */
	.teacher{
	    width: 100%;
	    padding: 0 0 50px 0;
        background: #2BB7B7;
        float: left;
	}
	.teacher > .teacher_body{
	    width: 1200px;
	    height: 630px;
        margin: 0 auto;
	}
	.teacher > .teacher_body > .left{
		width: 700px;
	    height: 630px;
	    float: left;
	    padding: 0 35px;
	    margin-bottom: 50px;
	}
	.teacher > .teacher_body > .left > ul{
		width: 630px;
		height: 630px;
	}
	.teacher > .teacher_body > .left > ul > li{
		width: 200px;
		height: 200px;
		float: left;
		margin-right: 15px;
		margin-bottom: 15px;
		cursor: pointer;
	}
	.teacher > .teacher_body > .left > ul > li:nth-child(3n){
		margin-right: 0%;
	}
	.teacher > .teacher_body > .left > ul > li > img{
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.teacher > .teacher_body > .left > ul > li > img:nth-child(2){
		width: 100%;
		height: 200px;
		display: none;
	}
	.teacher > .teacher_body > .left > ul > li > img:nth-child(3){
		display: none;
	}
	.teacher > .teacher_body > .left > ul > li.on > img{
		display: none;
	}
	.teacher > .teacher_body > .left > ul > li.on > img:nth-child(2){
		display: block;
	}
	.teacher > .teacher_body > .right{
		width: 480px;
		height: 630px;
		float: right;
		background: #f7f7f7;
	    box-shadow: 2px 2px 10px #000;
	}
	.teacher > .teacher_body > .right > img{
	    width: 100%;
	    height: 100%;
	    object-fit: contain;
	}
	/* 老师 end */

	/* 作品  */
	.pic{
   	 	width: 100%;
        background: #2BB7B7;
        float: left;
	}
	.pic > .title_btn{
		width: 1040px;
	    height: 200px;
		margin: 0 auto;
	}
	.pic > .title_btn > ul{
		width: 100%;
		float: left;
	}
	.pic > .title_btn > ul > li{
	    width: 200px;
	    height: 130px;
	    margin: 25px 30px;
	    float: left;
	    background: #fff;
	    box-shadow: 3px 3px 1px #b0dcdb;
	}
	.pic > .title_btn > ul > li > a{
		width: 100%;
		height: 100%;
		display: block;
	}
	.pic > .title_btn > ul > li > a > div.title01{
	    text-align: center;
	    color: #2BB7B7;
	    font-size: 70px;
	    font-weight: 900;
	    line-height: 100px;
	    height: 90px;
	}
	.pic > .title_btn > ul > li > a > div.title02{
		text-align: center;
	    color: #000;
	    height: 30px;
	    line-height: 30px;
	    font-size: 22px;
	    font-weight: 700;
	}
	.pic > .title_btn > ul > li.on{
		background: #b0dcdb;
	}
	.pic > .title_btn > ul > li.on > a > div.title01{
		color: #e61c64;
	}
	.pic > .title_btn > ul > li.on > a > div.title02{
		color: #fff;
	}

	.pic > .glay{
		width: 100%;
		background: #fff;
	    padding: 50px 0;
	}
	.pic > .glay > .poster-main {
		position:relative;
		margin-left:auto;
		margin-right:auto;
	}
	.pic > .glay > .poster-main a,.poster-main img {
		display:block;
	    width: 100%;
	    height: 100%;
	    object-fit:cover;
	}
	.pic > .glay > .poster-main .poster-list .poster-item {
		position:absolute;
		left:0;
		top:0;
	}
	.pic > .glay > .poster-main .poster-list .poster-item:first-child() {
		margin-top: -55px;
	}
	.pic > .glay > .poster-main .poster-btn {
		position:absolute;
		top:0;
		width:100px;
		height:270px;
		z-index:10;
		cursor:pointer;
		opacity:0.8
	}
	.pic > .glay > .poster-main .poster-prev-btn {
		cursor:pointer;
		z-index:50;
		width:30px;
		height:35px;
		position:absolute;
		top:0;
		background:url(../img/icon_cals_arrow_1.png) no-repeat left;
		left:-60px;
	}
	.pic > .glay > .poster-main .poster-next-btn {
		cursor:pointer;
		z-index:50;
		width:30px;
		height:35px;
		position:absolute;
		top:0;
		background:url(../img/icon_cals_arrow_2.png) no-repeat right;
		right:-60px;
	}
	.pic > .more_div{
		width: 100%;
	    height: 100px;
	    background: #fff;
	}
	/* 作品 end */


}